html, body {
	height: 100%;
	margin: 0; /* 关键：清除默认边距 */
	padding: 0; /* 关键：清除默认内边距 */
	overflow-x: hidden; /* 防止横向滚动 */
	position: relative;
}

/* 背景层 - 完美解决方案 */
body::before {
	content: "";
	background-image: url(./assets/images/background.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed; /* 关键：解决移动端滚动问题 */
	position: fixed; /* 改为fixed定位 */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw; /* 视窗宽度 */
	height: 100vh; /* 视窗高度 */
	opacity: 0.5;
	filter: contrast(0.8);
	z-index: -1;
	pointer-events: none; /* 防止遮挡交互 */
}

/* 移动端特殊处理 */
@media (max-width: 768px) {
	body::before {
			background-attachment: scroll; /* 移动端取消fixed背景 */
			position: absolute; /* 改为absolute定位 */
			height: 100%; /* 跟随内容高度 */
	}
	
	html {
			overflow-x: hidden;
			width: 100%;
	}
}

#app {
	height: 100%;
	position: relative;
	min-width: 100vw; /* 确保宽度填满 */
}